<template>
      <div id="my">
            <div class="container">
                  <div class="title">我的优势</div>
                  <div class="list">
                        <div class="item">
                              <div class="left list-item">
                                    <div class="imgbox">
                                          <img src="../../assets/img/m1.png" alt="">
                                    </div>
                                    <div class="infobox">
                                          <div class="subtitle">资金安全</div>
                                          <div class="line"></div>
                                          <div class="txt">                                               
                                                全程不参与商户资金结算，商户资金直接和官方，银行结算，正规一清，保障商户资金安全性
                                          </div>
                                    </div>
                              </div>
                              <div class="right list-item">
                                    
                                    <div class="infobox">
                                          <div class="subtitle">技术研发</div>
                                          <div class="line"></div>
                                          <div class="txt">                                                                                               
                                                自主技术研发，超过60+人数技术开发团队，产品升级更新及时，软硬件系统使用稳定，专业服务器运维团队保障商户商用流畅
                                          </div>
                                    </div>
                                    <div class="imgbox">
                                          <img src="../../assets/img/m2.png" alt="">
                                    </div>
                              </div>
                        </div>

                        <!--  -->
                        <div class="item">
                              <div class="left list-item">
                                    <div class="imgbox">
                                          <img src="../../assets/img/m3.png" alt="">
                                    </div>
                                    <div class="infobox">
                                          <div class="subtitle">解决方案</div>
                                          <div class="line"></div>
                                          <div class="txt">                                                                       
                                                 完善的支付行业解决方案，可根据不同行业，不同场景、不同需求做个性化定制，不仅仅是收银，还可以帮助商户实现线上营销，从拓客到客户维系等一站式解决方案
                                          </div>
                                    </div>
                              </div>
                              <div class="right list-item">
                                    
                                    <div class="infobox">
                                          <div class="subtitle">落地服务</div>
                                          <div class="line"></div>
                                          <div class="txt">                                                                                               
                                                多年互联网一线市场拓展经验，全国合作商户几十万家完善的合作商支持体系，六大渠道支持：销售支持、物料支持、售后支持、培训支持、市场支持、客服支持，帮助合作伙伴快速推进市场
                                          </div>
                                    </div>
                                    <div class="imgbox">
                                          <img src="../../assets/img/m4.png" alt="">
                                    </div>
                              </div>
                        </div>
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            
      }
</script>

<style lang="scss" scoped>
#my {
      width: 100%;
      max-width: 750px;
      .container {
            width: 100%;
            .title {
                  width: 100%;
                  text-align: center;
                  font-size: 0.36rem;
            }
            .list {
                  padding-top: 0.4rem;
                  width: 100%;
                  .item {
                        width: 100%;
                        // padding: 0.3rem;
                        .list-item {
                              font-size: 0.2rem;
                              display: flex;
                              align-items: center;
                              padding: 0.2rem;
                              .imgbox {
                                    width: 1.9rem;
                                    height: 1.76rem;
                                    border-radius: 0.3rem;
                                    overflow: hidden;
                                    img {
                                          width: 1.9rem;
                                          height: 1.76rem;
                                          display: block;
                                    }
                              }
                              .infobox {
                                    flex:1;
                                    .subtitle {
                                          font-size: 0.24rem;
                                          line-height: 0.36rem;
                                    }
                                    .line {
                                          width: 0.6rem;
                                          margin: 0.1rem 0;
                                          height: 1px;
                                          border: 1px solid #228fe5;
                                    }
                              }
                        }
                        .left {
                              .infobox {
                                    margin-left: 0.2rem;
                              }
                        }
                        .right {
                               background-color: #f2f2f2;
                               .imgbox {
                                     margin-left: 0.2rem;
                               }
                        }
                  }
            }
      }
}
</style>